<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--针对IE的兼容性问题-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--针对响应式布局之后，针对不同的布局大小自适应-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MEI Index</title>
    <!--导入bootstrap的主样式-->
    <link rel="stylesheet" href="component/bootstrap-3.3.7-dist/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css" type="text/css">
</head>
<body>
<!--导航栏-->
<div class="nav navbar-fixed-top">
    <!--用container宽度不够-->
    <!--<div class="container">-->
    <div class="nav-header text-center clearfix">
        <!--导航栏左侧-->
        <!--对logo的设置-->
        <!--设置高宽-->
        <div class="navbar-left logo">
            <!--给a设置成块级元素，并添加背景图片-->
            <a href="javascript:void (0)" class="navbar-brand"></a>
        </div>
        <div class="navbar-right nav_list">
            <ul class="navbar-left clearfix form-group">
                <li><a href="javascript:void (0)">魅族商城</a></li>
                <li>
                    <a href="javascript:void (0)">魅族手机</a>
                    <ul class="deep_list clearfix">
                        <li>
                            <a href="javascript:void (0)">
                                <img src="img/header/shopping/pro7_486382d.png" alt=""/>
                            </a>
                            <p>魅族PRO 7</p>
                        </li>
                        <li>
                            <a href="javascript:void (0)">
                                <img src="img/header/shopping/pro6plus_e6bf23a.png" alt=""/>
                            </a>
                            <p>魅族PRO 6 plus</p>
                        </li>
                        <li>
                            <a href="javascript:void (0)">
                                <img src="img/header/shopping/pro6s_e769573.png" alt=""/>
                            </a>
                            <p>魅族PRO 6s</p>
                        </li>
                        <li>
                            <a href="javascript:void (0)">
                                <img src="img/header/shopping/mx6_23e5fc6.png" alt=""/>
                            </a>
                            <p>魅族PRO MX6</p>
                        </li>
                        <li>
                            <a href="javascript:void (0)">
                                <img src="img/header/shopping/pro6_d31bab6.png" alt=""/>
                            </a>
                            <p>魅族PRO 6</p>
                        </li>
                    </ul>
                </li>
                <li><a href="javascript:void (0)">魅蓝手机</a></li>
                <li><a href="javascript:void (0)">魅族声学</a></li>
                <li><a href="javascript:void (0)">智能·配件</a></li>
                <li><a href="javascript:void (0)">服务</a></li>
                <li><a href="javascript:void (0)">专卖店</a></li>
                <li><a href="javascript:void (0)">Flyme</a></li>
                <li><a href="javascript:void (0)">社区</a></li>
                <li style="margin-right: 10px">
                    <form class="navbar-form" role="search" style="margin: 0;padding: 0;height: 100%">
                        <div class="form-group" style="height: 100%">
                            <div class="input-group" style="height: 100%">
                                <div class="clearfix" style="display:table-cell;vertical-align: middle;">
                                    <input type="search" class="form-control" placeholder="Cirno最强">
                                </div>
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-default" style="vertical-align:middle;">
                                    <span class="glyphicon glyphicon-search"></span>
                                    </button>
                                </span>

                            </div>
                        </div>
                    </form>
                </li>
            </ul>
            <div class="navbar-right user_div clearfix">
                <div class="fl-l login_box">
                    <a href="" class="user fl-l login_a"></a>
                    <div class="as">
                        <div></div>
                        <ul>
                            <li><a href="javascript:void (0)">立即登录</a></li>
                            <li><a href="javascript:void (0)">立即注册</a></li>
                            <li><a href="javascript:void (0)">我的订单</a></li>
                            <li><a href="javascript:void (0)">M码通道</a></li>
                        </ul>
                    </div>
                </div>
                <a href="" class="fl-l l-1">
                    <span>0</span>
                    <div class="n_hide">
                        <div class="delta"></div>
                        <div class="shop">
                            <div class="move">
                                <div class="fl-l"></div>
                                <div class="fl-l">
                                    <p>登录后可显示</p>
                                    <span>您账号中已加入的商品哦~</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <!--</div>-->
    </div>
</div>
<!--header部分-->
<!--banner1部分（轮播图）-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <a href="javascript:void (0)">
                <img src="images/Cirno%20(24).jpg" alt="...">
                <div class="carousel-caption">
                </div>
            </a>
        </div>
        <div class="item">
            <a href="javascript:void (0)">
                <img src="images/Cirno%20(16).jpg" alt="...">
                <div class="carousel-caption">
                </div>
            </a>
        </div>
        <div class="item">
            <a href="javascript:void (0)">
                <img src="images/Cirno%20(21).jpg" alt="...">
                <div class="carousel-caption">
                </div>
            </a>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--banner1部分（轮播图）-->
<!--part1部分-->
<div class="part1">
    <ul>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part1/1.jpg"/>
                <p>魅友福利</p>
                <span>魅蓝X 降后价1499元</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part1/2.jpg" alt=""/>
                <p>PRO 7</p>
                <span>新品现货 享6期免息</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part1/3.jpg" alt=""/>
                <p>魅蓝 Note5</p>
                <span>6期免息 64G赠199元耳机</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part1/4.jpg" alt=""/>
                <p>魅蓝 E2</p>
                <span>讲真，手机里的变形金刚</span>
            </a>
        </li>
    </ul>
</div>
<!--part2部分-->
<div class="part2">
    <div class="part2x clearfix">
        <img src="img/part2/0.png" alt=""/>
        <ul class="fl-r clearfix">
            <li>
                <a href="">
                    <img src="img/part2/1.png" alt=""/>
                    <p>手机</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="img/part2/2.png" alt=""/>
                    <p>壳膜套</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="img/part2/3.png" alt=""/>
                    <p>数据线</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="img/part2/4.png" alt=""/>
                    <p>电源适配器</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="img/part2/5.png" alt=""/>
                    <p>数码影音</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="img/part2/6.png" alt=""/>
                    <p>智能硬件</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="img/part2/7.png" alt=""/>
                    <p>生活周边</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="img/part2/8.png" alt=""/>
                    <p>所有分类</p>
                </a>
            </li>
        </ul>
    </div>
</div>
<!--part3部分-->
<div class="part3">
    <ul class="clearfix text-center">
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part3/1.png" alt=""/>
                    <img src="img/part3/1-1.png" alt=""/>
                </div>
                <p>魅族 E2</p>
                <p>三色现货开售 享6期免息</p>
                <span>￥ 1299 起</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part3/2.png" alt=""/>
                    <img src="img/part3/2-1.png" alt=""/>
                </div>
                <p>魅族 Note5</p>
                <p>16G降100元 享6期免息</p>
                <span>￥ 899 起</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part3/3.png" alt=""/>
                    <img src="img/part3/3-1.png" alt=""/>
                </div>
                <p>魅族PRO 6s</p>
                <p>直降200元 享12期免息</p>
                <span>￥ 2299</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part3/4.png" alt=""/>
                    <img src="img/part3/4-1.png" alt=""/>
                </div>
                <p>魅族PRO 6 Plus</p>
                <p>赠EP2X耳机 享12期免息</p>
                <span>￥ 2999 起</span>
            </a>
        </li>
    </ul>
</div>
<!--banner2部分（轮播图）-->
<!--<div class="row mt-5">-->
<!--    <div class="col">-->
<div id="indicators" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#indicators" data-slide-to="0" class="active"></li>
        <li data-target="#indicators" data-slide-to="1"></li>
        <li data-target="#indicators" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner text-center" role="listbox">
        <div class="item active">
            <ul class="clearfix">
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/1-1.png" alt=""/>
                        <p>魅族 Note6</p>
                        <p>9月1日0点 限量首发</p>
                        <span>￥ 1099 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/1-2.png" alt=""/>
                        <p>魅族 Note5</p>
                        <p>6期免息 64G赠199元耳机</p>
                        <span>￥ 899 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/1-3.png" alt=""/>
                        <p>魅族 E2</p>
                        <p>三色现货 享3期免息</p>
                        <span>￥ 1299 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/1-4.png" alt=""/>
                        <p>魅蓝 5s</p>
                        <p>32G版限量赠保护壳</p>
                        <span>￥ 999 起</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="item">
            <ul class="clearfix">
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/2-1.png" alt=""/>
                        <p>魅蓝 5</p>
                        <p>购机享3期免息 高清屏长续航</p>
                        <span>￥ 699 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/2-2.png" alt=""/>
                        <p>魅蓝 E</p>
                        <p>直降100元 享3期免息</p>
                        <span>￥ 999 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/2-3.png" alt=""/>
                        <p>魅族 MX6</p>
                        <p>全金属拍照旗舰 享6期免息</p>
                        <span>￥ 1599 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/2-4.png" alt=""/>
                        <p>魅蓝 X</p>
                        <p>32G直降200元 享3期免息</p>
                        <span>￥ 1499 起</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="item">
            <ul class="clearfix">
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/3-1.png" alt=""/>
                        <p>魅族 A5</p>
                        <p>领劵立减10元 享3期免息</p>
                        <span>￥ 699 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/3-2.png" alt=""/>
                        <p>魅族 PRO 6s</p>
                        <p>直降200元 购机仅需2299元</p>
                        <span>￥ 2299 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/3-3.png" alt=""/>
                        <p>魅族 PRO 6 Plus</p>
                        <p>6期免息 夏季特惠300元</p>
                        <span>￥ 2699 起</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/banner2/3-4.png" alt=""/>
                        <p>魅族 PRO 7</p>
                        <p>购机享6期免息</p>
                        <span>￥ 2880 起</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#indicators" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#indicators" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--    </div>-->
<!--</div>-->
<!--part4部分-->
<div class="part4 text-center">
    <ul class="clearfix">
        <li class="line">
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/1-1.png" alt=""/>
                    <img src="img/part4/1-2.jpg" alt=""/>
                </div>
                <p>魅蓝旅行包</p>
                <p>青春正好，即刻出发</p>
                <span>￥ 269</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/2-1.png" alt=""/>
                    <img src="img/part4/2-2.jpg" alt=""/>
                </div>
                <p>魅族手环</p>
                <p>瞬间流动的心率专家</p>
                <span>￥ 229</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/3-1.png" alt=""/>
                    <img src="img/part4/3-2.jpg" alt=""/>
                </div>
                <p>魅族 EP51蓝牙运动耳机</p>
                <p>丛林绿/云雾蓝新品开售</p>
                <span>￥ 229</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/4-1.png" alt=""/>
                    <img src="img/part4/4-2.jpg" alt=""/>
                </div>
                <p>魅蓝 休闲旅行双肩包</p>
                <p>曲面一体式 多功能隔层</p>
                <span>￥ 199</span>
            </a>
        </li>
    </ul>
    <ul class="clearfix">
        <li class="line">
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/5-1.png" alt=""/>
                    <img src="img/part4/5-2.jpg" alt=""/>
                </div>
                <p>魅族 EP2X耳机</p>
                <p>契合声音的流动之美</p>
                <span>￥ 129</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/6-1.png" alt=""/>
                    <img src="img/part4/6-2.jpg" alt=""/>
                </div>
                <p>魅族智能体脂秤</p>
                <p>精准的数字 才是真实的你</p>
                <span>￥ 169</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/7-1.png" alt=""/>
                    <img src="img/part4/7-2.jpg" alt=""/>
                </div>
                <p>魅族盒子 一键找回遥控器</p>
                <p>一键找回遥控器</p>
                <span>￥ 399</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/8-1.png" alt=""/>
                    <img src="img/part4/8-2.jpg" alt=""/>
                </div>
                <p>魅族HD50 头戴式耳机</p>
                <p>清新简洁，有音质更有颜值</p>
                <span>￥ 399</span>
            </a>
        </li>
    </ul>
    <ul class="clearfix">
        <li class="line">
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/9-1.png" alt=""/>
                    <img src="img/part4/9-2.jpg" alt=""/>
                </div>
                <p>魅族蓝牙小音箱</p>
                <p>好音感 直达心灵</p>
                <span>￥169</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/10-1.png" alt=""/>
                    <img src="img/part4/10-2.jpg" alt=""/>
                </div>
                <p>魅族路由器 极速版</p>
                <p>天生不凡 快狠稳</p>
                <span>￥ 199</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/11-1.png" alt=""/>
                    <img src="img/part4/11-2.jpg" alt=""/>
                </div>
                <p>Hi Case趣闪保护壳</p>
                <p>专为魅蓝E2量身打造</p>
                <span>￥ 79</span>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <div>
                    <img src="img/part4/12-1.png" alt=""/>
                    <img src="img/part4/12-2.jpg" alt=""/>
                </div>
                <p>魅族 蓝牙通话耳机</p>
                <p>经典小圆点 一键集大成</p>
                <span>￥ 89</span>
            </a>
        </li>
    </ul>
</div>
<!--part5部分-->
<div class="part5">
    <a href="javascript:void (0)"></a>
    <a href="javascript:void (0)"></a>
    <a href="javascript:void (0)"></a>
</div>
<!--part6部分-->
<div class="part6 text-center">
    <ul class="clearfix">
        <li>
            <a href="javascript:void (0)">
                <img src="img/part6/1.png" alt=""/>
                <p>真伪查询</p>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part6/2.png" alt=""/>
                <p>以旧换新</p>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part6/3.png" alt=""/>
                <p>系统下载</p>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part6/4.png" alt=""/>
                <p>注册产品</p>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part6/5.png" alt=""/>
                <p>查找手机</p>
            </a>
        </li>
        <li>
            <a href="javascript:void (0)">
                <img src="img/part6/6.png" alt=""/>
                <p>云服务</p>
            </a>
        </li>
    </ul>
</div>
<!--part7部分-->
<div class="part7 text-center">
    <div class="container_box">
        <div class="part7_header">
            <!--<nav>-->
            <p>追求源于热爱</p>
            <span>与千万志同道合的魅友畅快交流</span>
            <a href="">进入社区 ></a>
            <!--</nav>-->
        </div>
        <div class="part7_body">
            <ul class="clearfix">
                <li>
                    <div class="rgba">
                        <ul>
                            <li class="clearfix">
                                <div class="fl-l">
                                    <img src="img/part7/logo/1.jpg" alt=""/>
                                </div>
                                <div class="fl-l">
                                    <p>Dimiphantom</p>
                                    <span class="first">46748</span>
                                    <span>1888</span>
                                </div>
                            </li>
                            <li>海外媒体眼中的 PRO 7</li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="rgba">
                        <ul>
                            <li class="clearfix">
                                <div class="fl-l">
                                    <img src="img/part7/logo/2.jpg" alt=""/>
                                </div>
                                <div class="fl-l">
                                    <p>笔戈科技</p>
                                    <span class="first">23553</span>
                                    <span>1032</span>
                                </div>
                            </li>
                            <li>PRO 7 延时摄影丨看尽西藏之美</li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="rgba">
                        <ul>
                            <li class="clearfix">
                                <div class="fl-l">
                                    <img src="img/part7/logo/3.jpg" alt=""/>
                                </div>
                                <div class="fl-l">
                                    <p>王员外可爱多</p>
                                    <span class="first">37334</span>
                                    <span>2811</span>
                                </div>
                            </li>
                            <li>PRO 7 双摄成像的秘密</li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="rgba">
                        <ul>
                            <li class="clearfix">
                                <div class="fl-l">
                                    <img src="img/part7/logo/3.jpg" alt=""/>
                                </div>
                                <div class="fl-l">
                                    <p>Dimiphantom</p>
                                    <span class="first">43496</span>
                                    <span>1586</span>
                                </div>
                            </li>
                            <li>魅族 Flow 耳机最昂贵的配件</li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--part8部分-->
<div class="part8 text-center">
    <div class="container_box">
        <div class="top  clearfix">
            <ul class="fl-l clearfix">
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/part8/logo/1.png" alt="" />
                        <span>全场包邮</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/part8/logo/2.png" alt="" />
                        <span>百城速达</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/part8/logo/3.png" alt="" />
                        <span>7天无理由退货</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/part8/logo/4.png" alt="" />
                        <span>15天换货保障</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/part8/logo/5.png" alt="" />
                        <span>1年免费保修</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/part8/logo/6.png" alt="" />
                        <span>2300+线下体验店</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/part8/logo/7.png" alt="" />
                        <span>远程支持服务</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)">
                        <img src="img/part8/logo/8.png" alt="" />
                        <span>上门快修</span>
                    </a>
                </li>
            </ul>
            <div class="fl-r">
                <span>24小时全国服务热线</span>
                <p>400-788-3333</p>
                <a href="">在线客服</a>
            </div>
        </div>
        <div class="foot">
            <ul class="clearfix">
                <li><a href="javascript:void (0)">了解魅族</a></li>
                <li><a href="javascript:void (0)">加入我们</a></li>
                <li><a href="javascript:void (0)">联系我们</a></li>
                <li><a href="javascript:void (0)">Flyme</a></li>
                <li><a href="javascript:void (0)">魅族社区</a></li>
                <li><a href="javascript:void (0)">天猫旗舰店</a></li>
                <li><a href="javascript:void (0)">问题反馈</a></li>
                <li><a href="javascript:void (0)">线上销售权名单公示</a></li>
                <li>
                    <a href="javascript:void (0)"><i></i></a>
                    <a href="javascript:void (0)">中文</a>
                </li>
            </ul>
            <div class="fl-r">
                <a href="javascript:void (0)" class="a1"><i></i></a>
                <span></span>
                <a href="javascript:void (0)" class="a2">
                    <img src="img/part8/bg/er.jpg" alt="" />
                    <i></i></a>
                <span></span>
                <a href="javascript:void (0)" class="a3"><i></i></a>
            </div>
            <div class="feet clearfix">
                <span class="fl-l">©2017 Meizu Telecom Equipment Co., Ltd. All rights reserved.</span>
                <ul class="fl-l clearfix">
                    <li><a href="javascript:void (0)">粤ICP备13003602号</a></li>
                    <li><a href="javascript:void (0)">合字B2-20170010</a></li>
                    <li><a href="javascript:void (0)">营业执照</a></li>
                    <li><a href="javascript:void (0)">法律声明</a></li>
                    <li><i></i><a href="javascript:void (0)">粤公网安备 44049102496009 号</a></li>
                    <li><a href="javascript:void (0)"><i class="i1"></i></a></li>
                    <li><a href="javascript:void (0)"><i class="i2"></i></a></li>
                    <li><a href="javascript:void (0)"><i class="i3"></i></a></li>
                </ul>

            </div>
        </div>
    </div>
</div>
<!--导入js文件-->
<script type="text/javascript" src="component/jQuery/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="component/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>